<template>
    <div class="card">
        <div class="col-span-12 text-center mt-1 mb-1">
            <div class="text-surface-900 dark:text-surface-0 font-normal mb-2 text-4xl">网络工具</div>
            <span class="text-muted-color text-2xl">非常多的常用网络工具...</span>
        </div>
        <!-- 这里添加您的工具内容 -->
        <div class="grid grid-cols-12 gap-4 justify-center">
            <ToolCard v-for="(tool, index) in tools" :key="index" :tool="tool" />
        </div>

    </div>
</template>

<script setup>
const props = defineProps({
    id: {
        type: String,
        default: ''
    }
});
const tools = [
    {
        route: '/customtools/char/tools?id=1',
        title: '数字转二进制',
        description: '支持float和二进制/十六进制互转，double和二进制/十六进制互转，short和二进制/十六进制互转，int和二进制/十六进制互转，long和二进制/十六进制互转。转换时需要选择字节顺序，默认为大端序。大端模式是指数据的高字节保存在内存的低地址中。小端模式是指数据的高字节保存在内存的高地址中。',
        icon: 'pi pi-fw pi-users',
        iconBackground: 'bg-yellow-200',
        iconColor: 'text-yellow-700',
        background: 'linear-gradient(90deg, rgba(253, 228, 165, 0.2), rgba(187, 199, 205, 0.2)), linear-gradient(180deg, rgba(253, 228, 165, 0.2), rgba(187, 199, 205, 0.2))'
    },
    {
        route: '/customtools/convert',
        title: '字符串转Base64',
        description: '提供字符串转Base64功能，Base64编码将二进制数据转换成字符串。工具使用选择的字符集将字符串转换为二进制数据。ASCII字符集选择默认的UTF-8字符集即可。',
        icon: 'pi pi-fw pi-palette',
        iconBackground: 'bg-cyan-200',
        iconColor: 'text-cyan-700',
        background: 'linear-gradient(90deg, rgba(145, 226, 237, 0.2), rgba(251, 199, 145, 0.2)), linear-gradient(180deg, rgba(253, 228, 165, 0.2), rgba(172, 180, 223, 0.2))'
    },
    {
        route: '/customtools/encrypt',
        title: '图片转Base64',
        description: '将选择的图片转为Base64字符串，或者将指定的Base64字符串转换为图片。转换的字符串中包含mime类型，前端可以直接使用。如果需要获取不包含mime的纯Base64字符串，请使用文件转Base64功能。',
        icon: 'pi pi-fw pi-map',
        iconBackground: 'bg-indigo-200',
        iconColor: 'text-indigo-700',
        background: 'linear-gradient(90deg, rgba(145, 226, 237, 0.2), rgba(172, 180, 223, 0.2)), linear-gradient(180deg, rgba(172, 180, 223, 0.2), rgba(246, 158, 188, 0.2))'
    },
    {
        route: '/customtools/network',
        title: '文件转Base64',
        description: '任意格式的文件转换为Base64字符串。',
        icon: 'pi pi-fw pi-id-card',
        iconBackground: 'bg-slate-200',
        iconColor: 'text-slate-700',
        background: 'linear-gradient(90deg, rgba(187, 199, 205, 0.2), rgba(251, 199, 145, 0.2)), linear-gradient(180deg, rgba(253, 228, 165, 0.2), rgba(145, 210, 204, 0.2))'
    },
    {
        route: '/',
        title: '人民币数字转大写',
        description: '提供在线人民币数字转换为大写数字的功能。大写数字是中国特有的数字书写方式，利用与数字同音的汉字取代数字，以防止数目被涂改。将数字“一、二、三、四、五、六、七、八、九、十、百、千”改为“壹、贰、叁、肆、伍、陆、柒、捌、玖、拾、佰、仟”等复杂的汉字。',
        icon: 'pi pi-fw pi-star',
        iconBackground: 'bg-orange-200',
        iconColor: 'text-orange-700',
        background: 'linear-gradient(90deg, rgba(187, 199, 205, 0.2), rgba(246, 158, 188, 0.2)), linear-gradient(180deg, rgba(145, 226, 237, 0.2), rgba(160, 210, 250, 0.2))'
    },
    {
        route: '/',
        title: 'Unix时间戳转换工具',
        description: 'Unix时间戳和时间互转。Unix时间戳（英文为Unix epoch, Unix time, POSIX time 或 Unix timestamp）是从1970年1月1日（UTC/GMT的午夜）开始所经过的秒数，不考虑闰秒。',
        icon: 'pi pi-fw pi-moon',
        iconBackground: 'bg-pink-200',
        iconColor: 'text-pink-700',
        background: 'linear-gradient(90deg, rgba(251, 199, 145, 0.2), rgba(246, 158, 188, 0.2)), linear-gradient(180deg, rgba(172, 180, 223, 0.2), rgba(212, 162, 221, 0.2))'
    },
    {
        route: '/',
        title: 'HTML颜色拾取器',
        description: 'HTML颜色拾取器，在线选择HTML颜色，取得对应颜色的RGB值。支持透明度设置。本工具也提供常见HTML颜色查询，常见HTML颜色名称对照表查询。 HTML颜色一般由红(R)、绿(G)、蓝(B)组成。通常用十六进制数来表示红、绿、蓝的值（RGB）。每个颜色的最低值为 0(十六进制为 00)，最高值为 255(十六进制为FF)。十六进制值的写法为 # 号后跟三个或六个或八个十六进制字符。三位数表示法为：#RGB。六位数表示为：#RRGGBB。八位数表示为#RRGGBBAA,其中最后两位十六进制数为Alpha通道值，表示颜色的透明度。',
        icon: 'pi pi-fw pi-shopping-cart',
        iconBackground: 'bg-teal-200',
        iconColor: 'text-teal-700',
        background: 'linear-gradient(90deg, rgba(145, 210, 204, 0.2), rgba(160, 210, 250, 0.2)), linear-gradient(180deg, rgba(187, 199, 205, 0.2), rgba(145, 210, 204, 0.2))'
    },
    {
        route: '/',
        title: 'HTML编码解码',
        description: 'HTML编码解码工具，提供HTML实体在线Decode和Encode功能。本工具支持将HTML中的保留字符编码为HTML字符实体，将HTML字符实体转换为相应的字符。',
        icon: 'pi pi-fw pi-globe',
        iconBackground: 'bg-blue-200',
        iconColor: 'text-blue-700',
        background: 'linear-gradient(90deg, rgba(145, 210, 204, 0.2), rgba(212, 162, 221, 0.2)), linear-gradient(180deg, rgba(251, 199, 145, 0.2), rgba(160, 210, 250, 0.2))'
    },
    {
        route: '/',
        title: '进制转换器',
        description: '进制转换器，支持二进制、八进制、十进制、十六进制等三十六进制以内的数据互相转换。转换支持整数和浮点数。',
        icon: 'pi pi-fw pi-eye',
        iconBackground: 'bg-purple-200',
        iconColor: 'text-purple-700',
        background: 'linear-gradient(90deg, rgba(160, 210, 250, 0.2), rgba(212, 162, 221, 0.2)), linear-gradient(180deg, rgba(246, 158, 188, 0.2), rgba(212, 162, 221, 0.2))'
    }
];
</script>